<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/adicional/templates/templateHome.xhtml">

<ui:define name="tituloPagina">
	Consulta de Clínicas
</ui:define>

<ui:define name="conteudoCentro">
	
	<p:panel>
		
		<h:form id="formularioConsulta">
		
		<h:outputLabel value="Nome: " for="nomeClinicaPesquisa"/>
		<h:inputText value="#{clinica.nomeClinicaCon}" id="nomeClinicaPesquisa" label="Nome da Clinica"/>
		
		<h:outputLabel value="Cnpj: " for="cnpjClinicaPesquisa"/>
		<h:inputText value="#{clinica.cnpjClinicaCon}" id="cnpjClinicaPesquisa" label="Cnpj da Clinica"/>
		
		<h:commandButton action="#{clinica.pesquisarClinica}" value="Pesquisar" />
		
		<p:dialog closable="true" resizable="false" modal="true" widgetVar="dialogDetalhe"
		visible="false" header="Detalhe da Clínica" id="dialog"> 
		
			<div>
			
				<h:outputText value="Nome da Clínica: " />
				<h:outputText value="#{clinica.clinicaSelecionadaCon.nomeClinica}" />
			
			</div>
			
			<div>
			
				<h:outputText value="CNPJ da Clínica: " />
				<h:outputText value="#{clinica.clinicaSelecionadaCon.cnpj}" />
			
			</div>
			
			<div>
				<p:dataTable value="#{clinica.listaEmailsCon}" var="email" paginator="ture" rows="10"
				emptyMessage="Não há Registros">
					<p:column headerText="e-Mails">
						<h:outputText value="#{email.emailClinica}" />
					</p:column>
				</p:dataTable>
			</div>
			
			<div>
				<p:dataTable value="#{clinica.listaTelefonesCon}" var="telefone" paginator="ture" rows="10"
				emptyMessage="Não há Registros">
					<p:column headerText="DDD">
						<h:outputText value="#{telefone.dddClinica}" />
					</p:column>
					<p:column headerText="Telefones">
						<h:outputText value="#{telefone.telefoneClinica}" />
					</p:column>
					<p:column headerText="Tipo do Telefone">
						<h:outputText value="#{telefone.tipoTelefone.descricao}" />
					</p:column>
				</p:dataTable>
			</div>
			
			<div>
				<p:dataTable value="#{clinica.listaEnderecosCon}" var="endereco" paginator="ture" rows="10"
				emptyMessage="Não há Registros">
					<p:column headerText="Endereço">
						<h:outputText value="#{endereco.logradouroClinica}" />
					</p:column>
					<p:column headerText="Bairro">
						<h:outputText value="#{endereco.bairroClinica}" />
					</p:column>
					<p:column headerText="CEP">
						<h:outputText value="#{endereco.cepClinica}" />
					</p:column>
					<p:column headerText="Cidade">
						<h:outputText value="#{endereco.cidade.nomeCidade}" />
					</p:column>
					<p:column headerText="Estado">
						<h:outputText value="#{endereco.cidade.estado.nomeEstado}" />
					</p:column>
				</p:dataTable>
			</div>
		
		</p:dialog>
		
		<p:dataTable value="#{clinica.listaClinicaCon}" var="cli" paginator="true" rows="10" selectionMode="single"
		emptyMessage="Não há registros" selection="#{clinica.clinicaSelecionadaCon}" rowKey="#{cli.idClinica}">
		
			
			<p:ajax event="rowSelect" listener="#{clinica.detalharClinica}" update=":formularioConsulta:dialog" 
			oncomplete="PF('dialogDetalhe').show()"></p:ajax>
		
			<p:column headerText="Nome da clinica" > 
				<h:outputText value="#{cli.nomeClinica}" />
			</p:column>
			
			<p:column headerText="CNPJ da clinica" > 
				<h:outputText value="#{cli.cnpj}" />
			</p:column>
			
			<p:column headerText="">
				<h:link outcome="/jsf-pages/paginas/clinica/alterarClinica" value="Alterar">
					<f:param name="idClinica" value="#{cli.idClinica}"></f:param>
					<f:param name="action" value="Alterar"></f:param>
				</h:link>
			</p:column>
		
		</p:dataTable>
		
		</h:form>
		
	</p:panel>

</ui:define>
	
</ui:composition>
</html>